<template>
  <div class="loading-wrap">
    <i class="iconfont icon-zanwushuju nodata-icon"></i><span class="nodata-txt">--暂无数据--</span>
  </div>
</template>

<script>
    export default {}
</script>

<style lang="scss">
  @import "../scss/mixin";
  .loading-wrap {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    z-index: 99;
    text-align: center;
    .loading {
      width: 100%;
      height: 60px;
      @include flex-display;
      @include flex-align-center;
      @include flex-pack-center;
      font-size: 12px;
    }
    .mui-progressbar {
      height: 3px;
    }
    .nodata-icon {
      display: inline-block;
      padding: 16px 0;
      font-size: 38px;
      color: $gray;
    }
    .nodata-txt{
      font-size:14px;
    }
  }
</style>
